  * {
        margin: 0;
        padding: 0;
    }

    table {
        border-collapse: collapse;
    }

    .container {
        margin: 100px auto;
        width: 90vw;
        background-color: #f0ece9;
        padding: 10px;
    }

    .mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        /* 半透明黑色 */
        z-index: 999;
        /* display: none;  */
    }

    .top {
        display: flex;
        align-items: center;
    }

    .top h3 {
        flex: 1;

        margin: 0 8%;
        font-size: 20px;
        color: #959492;
        text-align: center;
    }

    .t_division {
        flex: 1.5;
        height: 3px;
        background-color: #c2a085;
    }

    .center {
        margin-top: 20px;
    }

    .btn {
        width: 80px;
        padding: 6px 0;
        color: white;
    }

    .add_btn,
    .prev_btn {
        background-color: #5bb85b;
    }

    .del_btn,
    .next_btn {
        background-color: #da534f;
    }

    .c_form {
        margin-top: 10px;
        width: 100%;
    }

    .c_form table {
        width: 100%;
    }

    .c_form thead {
        background-color: #dadee1;
        padding-left: 100px;
    }

    .c_form th {
        /* padding: 10px; */
        padding: 20px 0;
        text-align: center;
    }

    .c_form td {
        padding: 20px 0;
        text-align: center;
    }

    .c_form tbody tr:hover {
        background-color: #5bb85b !important;
    }

    .check_btn,
    .modify_btn {
        color: red !important;
        cursor: pointer;
    }

    .c_form tbody tr {
        padding-left: 10px;
        background-color: white;
    }

    .odd_ac {
        background-color: #ffffff !important;
    }

    .even_ac {
        background-color: #eef1fa !important;
    }

    .footer {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        padding-bottom: 15px;
        align-items: center;
    }

    /* 弹窗 */
    .popup_window {
        position: absolute;
        width: 40%;
        height: 60%;
        transform: translateX(-50%) translateY(-50%);
        top: 50%;
        left: 50%;
        background-color: #ffffff;
        z-index: 1000;
    }

    .pw_top {
        width: 100%;
        height: 10%;
        background-color: #555555;
        color: #fcf8f6;
        display: flex;
        align-items: center;
    }

    .pw_top h3 {
        margin-left: 20px;
    }

    .pw_center {
        display: flex;
        width: 100%;
        height: 78%;
        border-bottom: 1px solid #e3e3e3;
        align-items: center;
    }

    .pw_c_container {
        height: 80%;
        margin: auto auto;
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .pw_c_c_item {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* position: relative;  */
    }

    .pw_c_c_item span {
        margin-right: 20px;
    }

    .pw_c_c_item input,select {

        width: 60%;
    }

    .error_node {
        color: red;
        font-size: 13px;
    }

    .inp_item {
        width: 100%;
        text-align: center;
    }

    .pw_footer {
        display: flex;
        margin-top: 10px;
        padding-bottom: 10px;
        justify-content: end;
    }

    .save_btn {
        background-color: #5bb85d;
        color: black;
        border: 1px #aeaeae solid;
    }

    .cancel_btn {
        background-color: #ffffff;
        margin-right: 30px;
        margin-left: 10px;
        color: black;
        border: 1px #aeaeae solid;
    }